﻿<!DOCTYPE html>
<html>
<head>
<title>photoWall</title>
<style>
@charset "utf-8";
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}ol,ul{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:"";}abbr,acronym{border:0;}.clearfix:after{visibility:hidden;display:block;font-size:0;content:"";clear:both;height:0;}* html .clearfix{zoom:1;}*:first-child+html .clearfix{zoom:1;}
</style>

</head>
<body>
<div id="demo" style="position:relative;"></div>

<div id="photoWall" style="height:250px; width:1000px; overflow:hidden;margin:auto">
	<div style="position:relative;height:250px;background:#faf" id="photoWall1" class="clearfix"></div>
</div>

<div style="position:relative;top:300px;" id="photoWall2"></div>

<script type="text/javascript" src="/js/lib/jquery.js"></script>
<script type="text/javascript" src="jquery.photoWall.js"></script>
<script type="text/javascript">
$(function(){
	remoteData({'root': 'photoWall1', 'row' : 5, 'line' : 20, timer : 10000});
});
</script>
</body>
</html>